<!--
 * @Author: your name
 * @Date: 2021-08-22 12:16:06
 * @LastEditTime: 2021-08-24 16:12:38
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web-blog/src/pages/blog/content.vue
-->
<template>
  <div>
    <div class="richBox">
      <Nav></Nav>
      <!-- <div class="heade">
        <a-breadcrumb>
          <a-breadcrumb-item><a href="index">首页</a></a-breadcrumb-item>
          <a-breadcrumb-item>如何获取源码地址？入站有什么注意事项？进来便知！</a-breadcrumb-item>
        </a-breadcrumb>
      </div> -->
      <div class="richContent">
        <h2 class="title">如何获取源码地址？入站有什么注意事项？进来便知！</h2>
        <div class="blogTime">
          2021-02-28 · <span>6666</span>
        </div>
      </div>
      <div v-html="rich" class="rich"></div>
      <div>
        <a href="#">原创文章，转账请注明出处！</a>
      </div>
    <ContentRight></ContentRight>
    </div>
    <Aplayer></Aplayer>
    <Footer></Footer>
  </div>

</template>

<script>
  import Footer from '../../components/contentFooter/footer.vue'
  import ContentRight from '../../components/contentRight/contentRight.vue'
  import Aplayer from '../../components/aplayer/aplayer.vue'
  import Nav from '../../components/nav/nav.vue'


export default {
  components: {
    Footer,
    ContentRight,
    Aplayer,
    Nav
  },
  data() {
    return {
      rich: '<span style="font-family:微软雅黑;font-size:14px;">继徐翔之后，又出一股市奇才，自创"狙击涨停三板斧"，被散户称之为“草根股神”的</span><span style="font-family:微软雅黑;font-size:14px;">秦泽晨引大量媒体报道！</span>'
    }
  }
}
</script>

<style lang="less" scoped>
  .richBox {
    margin: 0 300px 100px 400px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
  }

  .title {
    text-align: center;
  }

  .richContent {
    margin-top: 90px;
  }

  .blogTime {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
  }

</style>